WatchOS 佈局(指南)
時鐘會出現在每個螢幕上,你的應用可以使用標題區域提供一個描述螢幕用途的標題或標題
A 狀態列與標題區域
狀態列:狀態列會適應圓角螢幕。每個螢幕都會顯示時鐘,應用程式可以在標題區域提供描述螢幕目的的標題或標題。
標題區域:標題和狀態列元素會縮排,建立從上到下貫穿內容顯示的左右邊距,這些是系統最小布局邊距(System Minimum Layout Margins)。
/Untitled.png)
B 圖形元素與文字對齊
圖形元素:圖形元素和按鈕背景應延伸到幾乎邊緣,僅保留預設的一畫素邊距。
文字對齊:文字應對齊左邊距,從狀態列左邊緣開始。
/Untitled 1.png)
C 滾動檢視的邊距與清晰區域
底部的粉色部分為滾動空白區域,用來確保使用者完成滾動操作時文字和按鈕完全出現在檢視中。
滾動清晰區域(Scroll Clear Areas):頂部和底部的滾動清晰區域確保文字和按鈕在滾動結束時完全顯示。例如,滾動檢視底部的按鈕會停留在清晰區域上方的安全區域。
內容邊距與插圖:使用全屏SpriteKit或SceneKit場景時,需利用邊距和插圖(insets)將內容推入視野。
/Untitled 2.png)
D 簡單易讀的最佳體驗
單屏檢視:最佳的手錶體驗應簡單且易讀,可以設計單屏檢視,避免滾動。例如,可透過在Xcode中設定檢視屬性為“固定到螢幕邊緣”確保按鈕不被系統推上。
/Untitled 3.png)
F 各尺寸手錶預設設定不同,但提供相同的調整範圍,確保應用在所有使用者中顯示一致。
/Untitled 4.png)